html {
	height: 100%;         /* required */
}

body {
	height: 100%;         /* required */
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */
    background: url("../img/body_bg.png") repeat;  /*Test body background*/
    overflow: hidden;
}

#distance { 
	margin-bottom: -10em; /* half of content height */
	background: red;      /* temporary - used to see div */
	width: 1px;           /* required to "hide" distance div */
	float: left;          /* required */
}

#wall {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	width: 1000px;         /* required - desired width */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
}

.restraint {
    position: relative;
    left: 30px;
    
    background: url("../img/page_bg.png") repeat;
    
    box-shadow: 0px 0px 3px #000 inset; 		/* Opera 10.5, IE9, FF4+, Chrome 6+, iOS 5 */
	-moz-box-shadow: 0px 0px 3px #000 inset; 	/* FF3.5 - 3.6 */
	-webkit-box-shadow: 0px 0px 3px #000 inset; /* Saf3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
	
	-webkit-border-radius: 3px; 				/* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 3px; 					/* FF1-3.6 */
    border-radius: 3px; 						/* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    
    width: 1000px; 								/*Test wall width*/
    height: 500px; 								/*Test wall height*/
}

.content {
    word-wrap: break-word;
    
    width: 400px;
    height: 300px;
}

.incontent {
    width: inherit;
    height: inherit;
    overflow: auto;
    margin-top: 5px;
}

.incontentheader {
    width: inherit;
    height: 20px;
    margin: 0px;
    background: #2F348F;
    cursor: pointer;
    position: absolute;
    display: block;
    top: -20px;
    -webkit-top-right-border-radius: 3px; 				/* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-top-right-border-radius: 3px; 					/* FF1-3.6 */
    border-top-right-radius: 3px; 						/* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
    -webkit-top-left-border-radius: 3px; 				/* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-top-left-border-radius: 3px; 					/* FF1-3.6 */
    border-top-left-radius: 3px; 						/* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}

.box {
    position:absolute;

    background-color: #DFDFDF;
    
    -webkit-border-radius: 3px; 				/* Saf3-4, iOS 1-3.2, Android ≤1.6 */
    -moz-border-radius: 3px; 					/* FF1-3.6 */
    border-radius: 3px; 						/* Opera 10.5, IE9, Saf5, Chrome, FF4, iOS 4, Android 2.1+ */
}

/****************CHECKBOXES********************/

#dashtoolbar {
    top: 20px;
    left: 5px;
    position: fixed;
    border: 1px solid #000;
}

.toolname {
    color: #2F348F;
}

.checkbox {
    width: 16px;
    height: 16px;
    background: url("../img/checkbox.png") no-repeat scroll transparent;
    position: absolute;
    left: 50px;
    cursor: pointer;
}

.checkbox-clicked {
    width: 16px;
    height: 16px;
    background: url("../img/checkbox.png") no-repeat scroll 0px -16px transparent;
    position: absolute;
    left: 50px;
    cursor: pointer;
}

.loading {
    cursor: wait;
}

/****************TEST BOXES********************/

#box0 {
    left: 10px;
    top: 50px;
}

#box1 {
    left: 450px;
    top: 50px;
    
    min-width: 10px;
    min-height: 10px;
}
